<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:c="http://java.sun.com/jstl/core"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:t="http://myfaces.apache.org/tomahawk"
	xmlns:v="http://corejsf.com/validator">

<f:view>
	<f:loadBundle var="text" basename="#{movimientoForm.bundleName}" />
	<head>
	<title>#{text['movimientoDetail.title']}</title>
	<meta name="heading" content="#{text['movimientoDetail.heading']}" />
	<style type="text/css">
.jscalendar-DB-div-style {
	position: absolute;
	margin-top: -120px;
	margin-left: -508px;
}
</style>
	</head>
	<body id="movimientoForm">

	<h:form id="movimientoForm"
		onsubmit="return validateMovimientoForm(this)">
		<h:inputHidden value="#{movimientoForm.movimiento.id}" id="id" />
		<h:panelGrid columns="3">

			<!-- Maquina -->
			<!-- todo: change this to read the identifier field from the other 
			<h:selectOneMenu value="#{movimientoForm.movimiento.maquina}"
				id="maquina" required="false" styleClass="select">
				<f:selectItems value="#{movimientoForm.movimiento.maquina}" />
			</h:selectOneMenu>
			pojo -->
			
			<!-- Detalle -->
			<h:outputLabel styleClass="desc" for="detalle"
				value="#{text['movimiento.detalle']}" />
			<t:message for="detalle" styleClass="fieldError" />
			<h:inputText styleClass="text medium" id="detalle"
				value="#{movimientoForm.movimiento.detalle}" required="true"
				maxlength="255">
				<v:commonsValidator type="required"
					arg="#{text['movimiento.detalle']}" />
			</h:inputText>
			
			<!-- TipoMovimiento -->
			<h:outputLabel styleClass="desc" for="tipoMovimiento"
				value="#{text['movimiento.tipoMovimiento']}" />
			<t:message for="tipoMovimiento" styleClass="fieldError" />
			<h:inputText styleClass="text medium" id="tipoMovimiento"
				value="#{movimientoForm.movimiento.tipoMovimiento}" required="true"
				maxlength="15">
				<v:commonsValidator type="required"
					arg="#{text['movimiento.tipoMovimiento']}" />
			</h:inputText>
			
			<br></br>
			<br></br>

			<h:panelGroup styleClass="buttonBar bottom">
				<h:commandButton value="#{text['button.save']}"
					action="#{movimientoForm.save}" id="save" styleClass="button" />

				<c:if test="${not empty movimientoForm.movimiento.id}">
					<h:commandButton value="#{text['button.delete']}"
						action="#{movimientoForm.delete}" id="delete" styleClass="button"
						onclick="bCancel=true; return confirmDelete('Movimiento')" />
				</c:if>

				<h:commandButton value="#{text['button.cancel']}" action="cancel"
					immediate="true" id="cancel" styleClass="button"
					onclick="bCancel=true" />
			</h:panelGroup>
			<h:outputText />
			<h:outputText />
		</h:panelGrid>
	</h:form>

	<v:validatorScript functionName="validateMovimientoForm" />

	<script type="text/javascript">
	//Form.focusFirstElement($('movimientoForm'));
	highlightFormElements();
</script>

	</body>
</f:view>
</html>
